// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
@import 'sencha-touch/bb10';
@import 'sencha-touch/bb10/all';

@include bb-icon("btn_home");
@include bb-icon("btn_commercial");
@include bb-icon("btn_floor");
@include bb-icon("btn_map");
@include bb-icon("btn_setting");

// Custom code goes here..
// Examples of using the icon mixin:
// @include icon('user');
/*********************************tabsidebar style start**********************************************/
/**
 * ---------------- Button ----------------
 */



$toolbar-img-width: 65px;
//top img-size in top toolbar
$toolbar-img-height: 45px;
/*********************************tabsidebar style end**********************************************/

/*********************************st class style start**********************************************/

/*********************************st class style end**********************************************/

.x-toolbar {
  min-height: 46px;
  line-height: 46px;
  background-image: none;
  background: url("../images/navigationbar.png") repeat-x;
  background-size: 50px 100%;
  .x-title {
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    font-family: "黑体";
  }
}
.x-toolbar.x-docked-top{
  border: none;
}
.x-toolbar-dark .x-button:before, .x-toolbar-dark .x-button-pressing:before,.x-toolbar-dark .x-button, .x-toolbar-dark .x-button-pressing{
  border: none;
  background: transparent;
  box-shadow: none;
}



.main_carousel {
  background-color: #000;
  width: 100%;
  margin:0px auto;
  img,.x-innerhtml {
    width: 100%;
    height: 100%;
  }

}

.main_dataview {
  margin: 0px auto;
  background-color: #fff;
  width: 100%;
  .x-dataview-item {
    padding: 5px 0 0 10px;
    text-align: center;
    float: left;
//    width: calc(50% - 50px);
    width:49%;
    img {
      height: 100%;
      width: 100%;
    }
  }
}

.x-button-icon.btn_home{
  background-size: 100% 100%;
}
.x-img{

  .x-img-background{
    background-repeat: no-repeat;
    background-position:default;
    background-size: 100% auto;
  }
}
.main_bottom{
  .imgDiv2{
    float: left;
    width: 50%;
    height: 100%;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .imgDiv3{
    float: left;
    width: 33.33%;
    height: 100%;
    img{
      width: 100%;
      height: 100%;
    }
  }

}
.float_bg_class{
  background-color: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 666;
}
.float_qg_class{
  width: 76%;
  position: absolute;
  left: 12%;
  top: 100px;
  z-index: 999;
}
.x-tabbar-dark {
  background-image: none;
  background-color: #4e4c40;
}
.x-tab, .x-tab:last-child {
  border: none;
}

.x-tab:before {
  background: none;
  height: 0;
}

.x-tabbar-dark .x-tab-active {
  background-image: none;
  background: none;
}
.tabview3_cls {
  .x-tab {
    width: 33.33%;
  }
  .x-button-icon {
    background-size: 100% auto;
    min-height: 46px;
  }
}

